<!--
  文件描述：添加图标组件
-->
<template>
  <div class="btn"
       :style="{backgroundColor,color,borderRadius}">
    <el-icon class="icon" :size="size">
      <component :is="icon"></component>
    </el-icon>
  </div>
</template>
<script setup name="addButtonIcon">
const props = defineProps({
  backgroundColor: {
    type: String,
    default: '#409EFF'
  },
  color: {
    type: String,
    default: '#fff'
  },
  size: {
    type: Number,
    default: 22
  },
  icon: {
    type: String,
    default: 'Plus'
  },
  borderRadius: {
    type: String,
    default: '50%'
  }
})



</script>
<style scoped lang="less">
 .btn {
   width: 34px;
   height: 34px;
   border-radius: 50%;
   z-index: inherit;
   text-align: center;
 }
 .icon {
   height: inherit;
 }
</style>